import { createApp } from 'vue'
import {createPinia } from 'pinia'
import App from './App.vue'
import './assets/base.css'
import 'animate.css';

//全局组件

import Loading from './components/myVC/Loading.vue'
import Tag from './components/myVC/Tag.vue'
import ColorBlockVue from './components/myVC/ColorBlock.vue';
import LeftBlock from './components/myVC/LeftBlock.vue'
import LineMusic from './components/myVC/LineMusic/index.vue'
import SmallBlock from './components/myVC/SmallBlock.vue'
import smallTips from './components/myVC/smallTips.vue'
import DetailSmallBlock from './components/myVC/DetailSmallBlock.vue'
import Comment from './components/myVC/Comment.vue'
import LocationSong from './components/myVC/LocationSong.vue'
import FloatTag from './components/myVC/FloatTag.vue'
import PlayingPointOut from './components/myVC/playingPointOut.vue'
import ChickenBlock from './components/myVC/ChickenBlock.vue'
import WriteCommit from './components/myVC/WriteCommit/index.vue'
import CommentList from './components/myVC/CommentList.vue'
import PlayListShow from './components/myVC/PlayListShow.vue'
import ScroolLrc from './components/myVC/ScroolLrc.vue'
import DjBlock from './components/myVC/DjBlock.vue'

const pinia = createPinia()
let app = createApp(App)
app.use(pinia)

import router from './router'
app.use(router)

app.component('Loading',Loading)
app.component('Tag',Tag)
app.component('ColorBlockVue',ColorBlockVue)
app.component('LeftBlock',LeftBlock)
app.component('LineMusic',LineMusic)
app.component('SmallBlock',SmallBlock)
app.component('smallTips',smallTips)
app.component('DetailSmallBlock',DetailSmallBlock)
app.component('Comment',Comment)
app.component('LocationSong',LocationSong)
app.component('FloatTag',FloatTag)
app.component('PlayingPointOut',PlayingPointOut)
app.component('ChickenBlock',ChickenBlock)
app.component('WriteCommit',WriteCommit)
app.component('CommentList',CommentList)
app.component('PlayListShow',PlayListShow)
app.component('ScroolLrc',ScroolLrc)
app.component('DjBlock',DjBlock)

import imgLazy from '@/directives/imgLazy'
app.directive('imgLazy',imgLazy)
app.mount('#app')